<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<link href="css/bootstrap.css" rel="stylesheet">
<link href="css/carousel.css" rel="stylesheet">

<title>IODevTeam HMIS 2015 - Miembros</title>
</head>
<body>
    <?php include "./menu.php";?>
    <div class="jumbotron">
		<div class="container">
			<div class="row">
				<br> <br>
			</div>
			<div class="row">
				<div class="col-md-12">
					<h1>Dónde encontrarnos.</h1>
				</div>
			</div>
			<div class="row">
				<div class="col-md-9">
					<iframe
						src="https://www.google.com/maps/embed?pb=!1m14!1m12!1m3!1d3193.5371941509006!2d-2.404906025207639!3d36.82960861826365!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!5e0!3m2!1ses!2ses!4v1425571636004"
						width="600" height="450" frameborder="0" style="border: 0"></iframe>
				</div>
				<div class="col-md-2">
					<address>
						<strong>IOAutoDesign, Inc.</strong><br> Carretera de Sacramento
						S/N<br> La Cañada de San Urbano, CP 04120<br>Almería<br> <abbr
							title="Phone">Tlf: 950 01 50 37</abbr>
					</address>

				</div>
			</div>
		</div>
	</div>
	<div id="myCarousel" class="carousel slide" data-ride="carousel">
		<!-- Indicators -->
		<ol class="carousel-indicators">
			<li data-target="#myCarousel" data-slide-to="0" class="active"></li>
			<li data-target="#myCarousel" data-slide-to="1"></li>
			<li data-target="#myCarousel" data-slide-to="2"></li>
			<li data-target="#myCarousel" data-slide-to="3"></li>
			<li data-target="#myCarousel" data-slide-to="4"></li>
			<li data-target="#myCarousel" data-slide-to="5"></li>
			<li data-target="#myCarousel" data-slide-to="6"></li>
			<li data-target="#myCarousel" data-slide-to="7"></li>
			<li data-target="#myCarousel" data-slide-to="8"></li>
			<li data-target="#myCarousel" data-slide-to="9"></li>
			<li data-target="#myCarousel" data-slide-to="10"></li>
			<li data-target="#myCarousel" data-slide-to="11"></li>
		</ol>
		<div class="carousel-inner" role="listbox">
			<div class="item active">
				<img class="img-responsive center-block"
					src="img/instalaciones/instalacion.jpg" alt="First slide">
			</div>
			<div class="item">
				<img src="img/instalaciones/instalacion(1).jpg" alt="Second slide">
			</div>
			<div class="item">
				<img src="img/instalaciones/instalacion(2).jpg" alt="Third slide">
			</div>
			<div class="item">
				<img src="img/instalaciones/instalacion(3).jpg" alt="Fourth slide">
			</div>
			<div class="item">
				<img src="img/instalaciones/instalacion(4).jpg" alt="Fifth slide">
			</div>
			<div class="item">
				<img src="img/instalaciones/instalacion(5).jpg" alt="Sixth slide">
			</div>
			<div class="item">
				<img src="img/instalaciones/instalacion(6).jpg" alt="Seventh slide">
			</div>
			<div class="item">
				<img src="img/instalaciones/instalacion(7).jpg" alt="Seventh slide">
			</div>
			<div class="item">
				<img src="img/instalaciones/instalacion(8).jpg" alt="Seventh slide">
			</div>
			<div class="item">
				<img src="img/instalaciones/instalacion(9).jpg" alt="Seventh slide">
			</div>
			<div class="item">
				<img src="img/instalaciones/instalacion(10).jpg" alt="Seventh slide">
			</div>
			<div class="item">
				<img src="img/instalaciones/instalacion(11).jpg" alt="Seventh slide">
			</div>

		</div>
		<a class="left carousel-control" href="#myCarousel" role="button"
			data-slide="prev"> <span class="glyphicon glyphicon-chevron-left"
			aria-hidden="true"></span> <span class="sr-only">Previous</span>
		</a> <a class="right carousel-control" href="#myCarousel"
			role="button" data-slide="next"> <span
			class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
			<span class="sr-only">Next</span>
		</a>
	</div>
	<script
		src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>
	<script src="js/bootstrap.min.js"></script>

</body>
</html>